import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import App from './App.tsx'
// import { ApolloProvider } from "@apollo/client/react";
import './index.css'
import { UserProvider} from './context/UserContext.tsx'
// import graphqlClient from "./api/GraphqlConfig.tsx";
import {ProductProvider} from "./context/ProductContext.tsx";
import {ProductADProvider} from "./context/ProductADContext.tsx";
import {SysAuthProvider} from "./context/SysAuthContext.tsx";




createRoot(document.getElementById('root')!).render(
  <StrictMode>
      {/*<ApolloProvider client={graphqlClient}>*/}
          <UserProvider>
              <ProductProvider>
                  <ProductADProvider>
                      <SysAuthProvider>
                          <App />
                      </SysAuthProvider>
                  </ProductADProvider>
              </ProductProvider>
          </UserProvider>
      {/*</ApolloProvider>*/}
  </StrictMode>,
)